<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html class=" -webkit-">
	<head>
		
	<meta charset="utf-8">
    <title>杰利联合</title>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
	<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="stylesheet" type="text/css" href="${ctxStatic}/jiu/css/mobile_module.css?v=1492659303" media="all">
   
    <script type="text/javascript" src="${ctxStatic}/jiu/js/jquery-2.0.3.min.js"></script>
	
    <link href="${ctxStatic}/jiu/css/common.css?v=1492659303" rel="stylesheet" type="text/css">
		<style>
			.hearder{
				height: 50px;
				background-color: #30B0F3;
				width: 100%;
				text-align: center;
				color: white;
				font-size: 20px;
                line-height:50px;
                position: fixed;
			    top: 0;
			    z-index: 1;
			}
			.chongzhi{
				position: relative;
			    padding: 10px;
			    background-color: #FFFFFF;
			    border-bottom: 1px #eee solid;
			}
			.chongzhi h1 {
			    font-style: normal;
			    
			    font-size: 16px;
			    font-weight: normal;
			}
			.chongzhi p{
				font-size: 14px;
    			color: #999999;
			}
			.chongzhi .p2{
				font-size: 14px;
    			color: #999999;
    			text-align: right;
    			padding-top: 3px;
			}
			.chongzhi span{			
			    font-size: 16px;
			    color: #eb4f38;
			    text-align: right;
			}
		</style>
</head>
<body>
	<header  class="hearder">
			<a href="javascript:window.history.go(-1);">
				<img src="${ctxStatic}/jiu/img/fanhui.png" style="height: 20px;color: white;top:15px;position: absolute;left: 10px;"/></a>
			充值记录
	</header>
	<ul style="margin-top: 50px;">
		<c:if test="${empty jiuRechargeLogList}">
			<div class="empty_container">
				<p>暂时无充值记录</p >
			</div>
        </c:if>
		
		<c:forEach items="${jiuRechargeLogList}" var="jiuRechargeLog">
			<li>
				<div class="chongzhi">
					<div style="float: left;">
						<h1 style="color:#eb4f38;">${jiuRechargeLog.type eq '0'?'线下':'微信 '}</h1>
						<c:if test="${not empty jiuRechargeLog.revokeReason }">
							<h1>撤销原因:${jiuRechargeLog.revokeReason }</h1>
						</c:if>
                        <c:choose>
						    <c:when test="${jiuRechargeLog.isRevoke eq '1'}">
						       	<h1>已撤销&nbsp;&nbsp;&nbsp;${jiuRechargeLog.orderNo}</h1>
						    </c:when>
						    <c:when test="${jiuRechargeLog.type eq '0' && jiuRechargeLog.status eq '0'}">
						       	<h1>线下-充值中&nbsp;&nbsp;&nbsp;${jiuRechargeLog.orderNo}</h1>
						    </c:when>
						    <c:when test="${jiuRechargeLog.type eq '1' && jiuRechargeLog.status eq '0'}">
						       	<h1>微信-未付款&nbsp;&nbsp;&nbsp;${jiuRechargeLog.orderNo}</h1>
						    </c:when>
						    <c:otherwise>
						      	<h1>充值成功&nbsp;&nbsp;&nbsp;${jiuRechargeLog.orderNo}</h1>
						    </c:otherwise>
						</c:choose>
						
					   <p><fmt:formatDate value="${jiuRechargeLog.createTime}" type="both" pattern="yyyy-MM-dd HH:mm:ss" /> </p>
					</div>
					
					<div style="float: right;margin-top: 25px;">
						<span>充值积分：${jiuRechargeLog.point}分</span>
					    <p class="p2">充值金额: <fmt:formatNumber type="number" value="${jiuRechargeLog.money}" pattern="0.00" maxFractionDigits="2"/>元</p>
					</div>
					<div style="clear: both;"></div>
				</div>
			</li>
		</c:forEach>
	</ul>
	
	
	
	
	
</body>
</html>